<template>
  <vol-box
    :lazy="true"
    v-model="model"
    title="进度查看"
    :height="500"
    :width="1200"
    :draggable="true"
    :padding="5"
  >
    <div>
      <VolHeader style="margin: 1px 0" text="业务流程图"> </VolHeader>
      <el_step ref="el_step"></el_step>
      <el-tabs v-model="activeName" class="demo-tabs">
        <el-tab-pane label="流程审核历史" name="first"
          ><fk_reimfloat_his ref="fk_reimfloat_his"></fk_reimfloat_his
        ></el-tab-pane>
        <el-tab-pane label="流程任务分配情况" name="second"
          ><fk_reimtask ref="fk_reimtask"></fk_reimtask>
      
        </el-tab-pane>
      </el-tabs>
    </div>
    <template #footer>
      <div>
        <el-button type="primary" size="mini" @click="model = false"
          >关闭</el-button
        >
      </div></template
    >
  </vol-box>
</template>
<script>
import VolBox from "@/components/basic/VolBox.vue";
import el_step from "@/extension/system/float/el_step.vue";
import VolHeader from "@/components/basic/VolHeader.vue";
import fk_reimfloat_his from "@/views/system/float/fk_reimfloat_his.vue";
import fk_reimtask from "@/views/system/float/fk_reimtask.vue";
//这里使用的vue2语法，也可以写成vue3语法
export default {
  components: {
    "vol-box": VolBox, 
    el_step,
    VolHeader,
    fk_reimfloat_his,
    fk_reimtask,
  },
  methods: {},
  data() {
    return {
      model: false,
      activeName: "second",
      
    };
  },
  methods: {
    openwin() {
      this.model = true;
      this.$nextTick(() => {
        this.$refs.fk_reimfloat_his.$refs.grid.search();
        
        this.$refs.fk_reimtask.$refs.grid.search();
       // this.$refs.tableList.load(params, true); //查询审核页的业务数据
        
        //this.$refs.Customer_excel_import.$refs.grid.search();
        //console.log("ddd");
      });
    },
  },
};
</script>



